<?php
include_once ("meta_head.php");
 ?>


<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider({
			effect : 'fade',
			slices : 15,
			animSpeed : 900,
			pauseTime : 6000,
			startSlide : 0, //Set starting Slide (0 index)
			directionNav : false, //Next &amp; Prev
			directionNavHide : true, //Only show on hover
			controlNav : true, //1,2,3...
			controlNavThumbs : false, //Use thumbnails for Control Nav
			controlNavThumbsSearch : '.jpg', //Replace this with...
			controlNavThumbsReplace : '_thumb.jpg', //...this in thumb Image src
			keyboardNav : true, //Use left &amp; right arrows
			pauseOnHover : true, //Stop animation while hovering
			manualAdvance : false, //Force manual transitions
			captionOpacity : 0, //Universal caption opacity
			beforeChange : function() {
			},
			afterChange : function() {
			},
			slideshowEnd : function() {
			} //Triggers after all slides have been shown
		});
	});
</script>

</head>


	    <?php
        include ("header.php");
 ?>
	    
	</div><!--END HEADER-->

       
       
   
	<div id="hid"><!--BEGIN SLIDER-->
		<img id="hid_img" src="images/slider.png" alt=""/>
        
		<div id="slider">
			<img src="images/teaser12.jpg" alt="" />
			<img src="images/teaser13.jpg" alt="" />
			<img src="images/teaser10.jpg" alt="" />
			<img src="images/teaser11.jpg" alt="" />
			<img src="images/teaser9.jpg" alt="" />
		</div>
	</div><!--END SLIDER-->

     
     
	<div id="wrapper" class="clearfix" > <!--BEGIN WRAPPER--> 
		<div id="maincol"><!--BEGIN MAINCOL-->
			<div id="main_content"><!--BEGIN CONTENT--> 
                       
				<div class="col"> 
					<div class="img_frame">
						<img src="images/1.jpg" alt="" />
					</div>
                    
					<h3><?php _L("index_h31"); ?></h3>                    
					<?php _L("index_t1"); ?>
           			</div>                   
                    
                    
                
				<div class="col"> 
					<div class="img_frame">
						<img src="images/2.jpg" alt="" />
					</div>
                    
					<h3><?php _L("index_h32"); ?></h3>                 
					<?php _L("index_t2"); ?>
                 		</div>
                    
                    
                
				<div class="col"> 
					<div class="img_frame">
						<img src="images/3.jpg" alt="" />
					</div>  
                                
					<h3><?php _L("index_h33"); ?></h3>                 
					<?php _L("index_t3"); ?>
                		</div>
                
                
			</div><!--END CONTENT-->    
		</div><!--END MAINCOL-->
	</div><!--END WRAPPER-->

	
<div id="footer" ><!--BEGIN FOOTER-->

    <?php
    include_once ("footer.php");
 ?>

</div><!--END FOOTER-->


</div><!--END PAGEWIDTH-->

<script type="text/javascript">
	Cufon.now();
 </script>     


<!-- GOOGLE ANALYTICS -->
<script type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-8976801-2']);
	_gaq.push(['_trackPageview']);

	(function() {
		var ga = document.createElement('script');
		ga.type = 'text/javascript';
		ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(ga, s);
	})();

</script>
</body>
</html>